<!--suppress ALL -->
<include file="./Template/header.html" />

<link rel="stylesheet" type="text/css" href="/Template/css/caseDetail.css">
<script type="text/javascript" src="/Template/js/amazeui.js"></script>
<script type="text/javascript">


    $(function() {

        //初始化页面配置
//        initPage("病例介绍详情");
        initPage("{$case.title}");

        var app = new Vue({
            el: '#container',
            data: {
                info: [],
                list: []
            },
            methods: {
                doctorList: function(id) {
                    window.location.href = "/wechat/doctor/index/categoryId/"+id;
                },
                activityList: function(id) {
                    window.location.href = "/wechat/activity/index/categoryId/"+id;
                },
                order: function () {
                    window.location.href = "/wechat/order/index/id/{$product.product_id}";
                },
                booking: function() {
                    window.location.href = "/wechat/booking/index/id/{$product.product_id}";
                },
                evaluate: function() {
                    window.location.href = "/wechat/evaluate";
                }
            }
        })

        $(".pop-frame").click(function() {
            $(".subscribe").hide();
        });

        $('.am-slider').flexslider({
            animationLoop: false,
        });

        $('.product-info p img').css({
            width: "100%",
            margin: "10px 0"
        });

        $('.product-info p span img').css({
            width: "100%",
            margin: "10px 0"
        });

        $('.product-info ul, .product-info ol').css({
            "padding-left":"1.2rem"
        });

        $('table').css({
            width: "100%"
        });

        var fullWidth = $(".product-info").width();

        $("iframe").each(function() {
            var originSrc = $(this).attr("src").split("&",1)[0];
            var newSrc = originSrc + "&width=" + fullWidth + "&height=280&auto=0";
            $(this).css("width", fullWidth+"px");
            $(this).attr("src", newSrc);
            $(this).css("height", "280px");
        });

    })

</script>

<div class="container" id="container">
    <!--class="am-slider am-slider-default" id="demo-slider-0">
            <div class="am-viewport" style="overflow: hidden; position: relative;">
                <ul class="am-slides nav-img-ul" style="width: 400%; transition-duration: 0.6s; transform: translate3d(0px, 0px, 0px);">
                    <foreach name="photoList" item="vo">
                        <li class="am-active-slide" data-thumb-alt="" style="width: 320px; margin-right: 0px; float: left; display: block;">
                            <img src="{$vo}" draggable="false">
                        </li>
                    </foreach>
                </ul>
            </div>
        </div>
    </div-->
    <div class="product-info">
        <!--<p class="product-name">{$product.product_name}</p>-->
        {$case.content}
    </div>
    <div v-on:click="evaluate()">
        <div id="message" class="message">
            <img class="message-pic-back" src="/Template/images/icon-message-back.png" alt="">
        </div>
        <div id="message" class="message">
            <img class="message-pic" src="/Template/images/icon-evaluate.png" alt="">
        </div>
    </div>
    <!--div id="operation">
        <ul>
            <li class="recomend" v-on:click="doctorList({$case.category_id})">
                <img src="/Template/images/doctor-rec.png" alt="">
                <span>推荐医生</span>
            </li>
            <li class="activity" v-on:click="activityList({$case.category_id})">
                <img src="/Template/images/gift-bag.png" alt="">
                <span>线下活动</span>
            </li>
            <if condition="$category['is_finished'] eq -1">
                <li class="product" v-on:click="booking">
                    <img src="/Template/images/bottle.png" alt="">
                    <span>立即购买</span>
                </li>
                <else/>
                <li class="product" v-on:click="order">
                    <img src="/Template/images/bottle.png" alt="">
                    <span>立即购买</span>
                </li>
            </if>
        </ul>
    </div-->
    <!--if condition="$customer['subscribe'] neq 1">
        <div class="subscribe">
            <div class="pop-frame">
                <div class="hint">
                    <div class="line"></div>
                    <p class="rec-title">无法识别二维码?</p>
                    <ul>
                        <li>1、打开微信,点击添加朋友</li>
                        <li>2、搜索微信号:xwkkffj</li>
                        <li>3、点击”关注”,完成</li>
                    </ul>
                </div>
            </div>
            <div class="two-d-code">
                <img class="two-d-code-bg" src="/Template/images/doc-2d-code-bg.png" alt="">
                <img class="two-d-code-img" src="/Template/images/xwk-qrcode.jpg" alt="">
                <p class="recognize">
                    长按图片[识别二维码]关注公众号
                </p>
            </div>
        </div>
    </if-->

</div>
<include file="./Template/footer.html" />